<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Reset CSS -->
    <link href="css/reset.css" th:href="@{css/reset.css}" rel="stylesheet" type="text/css">
    <!-- Bootstrap -->
    <link href="lib/bootstrap/css/bootstrap.min.css" th:href="@{lib/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <!-- Font Awesome -->
    <link href="assets/font-awesome/css/font-awesome.min.css" th:href="@{assets/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <!-- Iconmoon -->
    <link href="assets/iconmoon/css/iconmoon.css" th:href="@{assets/iconmoon/css/iconmoon.css}" rel="stylesheet" type="text/css">
    <!-- Lightbox CSS -->
    <link href="assets/lightbox/css/lightbox.css" th:href="@{assets/lightbox/css/lightbox.css}" rel="stylesheet" type="text/css">
    <!-- Owl Carousel -->
    <link href="assets/owl-carousel/css/owl.carousel.min.css" th:href="@{assets/owl-carousel/css/owl.carousel.min.css}" rel="stylesheet" type="text/css">
    <!-- Animate -->
    <link href="css/animate.css" th:href="@{css/animate.css}" rel="stylesheet" type="text/css">
    <!-- Aos -->
    <link href="assets/aos/aos.css" th:href="@{assets/aos/aos.css}" rel="stylesheet" type="text/css">
    <!-- Custom Style -->
    <link href="css/custom.css" th:href="@{css/custom.css}" rel="stylesheet" type="text/css">

    <link th:href="@{css/admin-coachManage.css}" rel="stylesheet" type="text/css" />
</head>
<body>
<!--提示框 -->
<div id="info">
    <span id="msg"></span>
    <p id="sign"></p>
</div>
<!-- Start Header -->
<header>
    <!-- Start Header Sec -->
    <div class="container-fluid header-sec">
        <div class="row">
            <span class="col-xs-12 col-sm-3 logo"><a href="#"><img src="images/logo.png" class="main img-responsive" alt="Fitness Gym"><img src="images/logo-fix.png" class="fix img-responsive" alt="Fitness Gym"></a></span>
            <div class="col-xs-12 col-sm-9 header-right">
                <!-- Start Navigation -->
                <nav class="navbar navbar-expand-md navbar-dark navbar-custom">
                    <div class="collapse navbar-collapse" id="navbarNavDropdown">
                        <ul class="navbar-nav">
                            <li class="nav-item active" id="oneLi">
                                <a class="nav-link" href="javascript:myselfChoose(1);">我的教练</a>
                            </li>
                            <li class="nav-item "  id="twoLi">
                                <a class="nav-link" href="javascript:myselfChoose(2);">添加教练</a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <!-- End Navigation -->
            </div>
        </div>
    </div>
    <!-- End Header Sec -->
</header>
<!-- End Header -->

<!-- Start Finess Sec -->
<div class="finess-outer"  >
    <div class="container"  >
        <p>&nbsp;</p>
    </div>
</div>
<!-- End Finess sec -->

<!-- Start Trainers sec -->
<div class="trainers-outer bgNone trainers-page">
    <div class="container" id="oneContainer">
        <div class="trainers-list">
            <div class="row" id="coachDiv">

            </div>
        </div>
    </div>
    <div class="container" id="twoContainer">
        <div class="row">
            <div class="col-sm-3">
                <!-- 上传图片 -->
                <img id="pic" src="images/trainer10.png" style="width: 262.5px;height: 262.5px;margin: auto;">
                <input id="upload" name="file" accept="images/*" type="file" style="display: none"/>
                <input type="hidden" id="fileName"  value="trainer10.png"/>
                <p style="font-size: 18px;text-align: center;">点击图片更改当前图片<br>若取消当前上传请点击
                    <em onclick="stopUpload()" style="color: red;">取消</em></p>
            </div>
            <div class="col-sm-5">
                <!-- 填写详情 -->
                <div class="input-group input-group-lg">
                    <span class="input-group-addon" id="basic-addon1">教练名称</span>
                    <input type="text" id="cname" class="form-control" placeholder="请输入汉字" aria-describedby="basic-addon1">
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon" id="basic-addon2">&nbsp;手&nbsp;机&nbsp;号&nbsp;</span>
                    <input type="text" id="mobile" class="form-control" placeholder="请输入13、15、18开头11位数字" aria-describedby="basic-addon2">
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon" id="basic-addon3">教练类型</span>
                    <select id="mold" class="form-control" placeholder="Username" aria-describedby="basic-addon2">
                        <option value="普通私人教练">普通私人教练</option>
                        <option value="高级私人教练">高级私人教练</option>
                        <option value="专家培训师">专家培训师</option>
                        <option value="教练主管">教练主管</option>
                    </select>
                </div>
                <p>&nbsp;</p>
                <button class="btn btn-success" style="margin-left: 35%;width: 150px;border-radius: 20px;" id="addCoach">添加</button>
            </div>
            <div class="col-sm-4">
                <!-- 生成登录状态 -->
                <div class="input-group input-group-lg" style="margin-top: 30%;display: none;" id="informationDiv">
                    <input type="text" id="information" class="form-control" readonly="readonly" style="border-radius: 30px;border:none;color:brown;">
                </div>

                <div id="loginInfoDiv" style="display: none;">
                    <h4 style="text-align: center;">您的登录信息为</h4>
                    <p>&nbsp;</p>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" >用户名</span>
                        <input type="text" id="username" class="form-control" readonly="readonly">
                    </div>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" >密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
                        <input type="text" id="password" class="form-control" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Trainers sec -->
<!-- Button trigger modal -->

<!-- 教练详情 -->
<div class="modal fade" id="coachInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 9999;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">教练信息<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="font-size: 40px;">&times;</span></button></h4>
            </div>
            <div class="modal-body">
                <input hidden="hidden" id="updateCid" />
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">教练名称</span>
                    <input id="updateName" type="text" class="form-control" readonly="readonly">
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">教练类型</span>
                    <select id="updateMold" class="form-control" style="text-align: center">
                        <option value="普通私人教练">普通私人教练</option>
                        <option value="高级私人教练">高级私人教练</option>
                        <option value="专家培训师">专家培训师</option>
                        <option value="教练主管">教练主管</option>
                    </select>
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">联系电话</span>
                    <input id="updateMobile" type="text" class="form-control" readonly="readonly">
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon">业绩排名</span>
                    <input id="updateRank" type="text" class="form-control" readonly="readonly">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="deleteCoach" data-dismiss="modal" style="float:left;">删除该教练</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="updateCoach">保存</button>
            </div>
        </div>
    </div>
</div>

<!--教练荣誉-->
<div class="modal fade" id="honorInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" style="z-index: 9999;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel2">荣誉详情<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="font-size: 40px;">&times;</span></button></h4>
            </div>
            <div class="modal-body">
                <input hidden="hidden" id="honorCid" />
                <div id="honors">
                    <div class="input-group  input-group-lg">
                        <span class="input-group-addon"><a href="javascript:;" onclick="">删除</a></span>
                        <input hidden="hidden" id="honorId"/>
                        <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
                        <span class="input-group-addon"><a href="javascript:;" onclick="">保存</a></span>
                    </div>
                </div>
                <div id="honorAddBtn">
                    <p>&nbsp;</p>
                    <button  id="addHonor" >&nbsp;添&nbsp;&nbsp;加&nbsp;&nbsp;一&nbsp;&nbsp;条&nbsp;&nbsp;荣&nbsp;&nbsp;誉&nbsp;</button>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!--教练登录信息-->
<div class="modal fade" id="loginInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" style="z-index: 9999;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel3">登录信息<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="font-size: 40px;">&times;</span></button></h4>               </div>
            <div class="modal-body">
                <input id="updateUid" hidden="hidden" />
                <div class="input-group input-group-lg">
                    <span class="input-group-addon" >用户名</span>
                    <input type="text" id="updateUserName" class="form-control" readonly="readonly">
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="input-group input-group-lg">
                    <span class="input-group-addon" >密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
                    <input type="text" id="updatePassword" class="form-control">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="updateLoginInfo">保存</button>
            </div>
        </div>
    </div>
</div>

</body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" th:src="@{js/jquery.min.js}"></script>
<!-- Bootstrap JS -->
<script src="lib/bootstrap/js/bootstrap.min.js" th:src="@{lib/bootstrap/js/bootstrap.min.js}"></script>
<!-- Lightbox JS -->
<script src="assets/lightbox/js/lightbox.js" th:src="@{assets/lightbox/js/lightbox.js}"></script>
<!-- Owl Carousal JS -->
<script src="assets/isotope/js/isotope.min.js" th:src="@{assets/isotope/js/isotope.min.js}"></script>
<!-- Owl Carousal JS -->
<script src="assets/owl-carousel/js/owl.carousel.min.js" th:src="@{assets/owl-carousel/js/owl.carousel.min.js}"></script>
<!-- Aos JS -->
<script src="assets/aos/aos.js" th:src="@{assets/aos/aos.js}"></script>
<!-- CounterUp JS -->
<script src="assets/counterup/counterup.min.js" th:src="@{assets/counterup/counterup.min.js}"></script>
<script src="assets/counterup/waypoints.min.js" th:src="@{assets/counterup/waypoints.min.js}"></script>
<!-- Custom JS -->
<script src="js/custom.js" th:src="@{js/custom.js}"></script>
<script src="js/admin-coachManage.js" th:src="@{js/admin-coachManage.js}"></script>
</html>